<head>
	<link href="style.css" rel="stylesheet" type="text/css">
	<link href="css/sunny/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js/upload_profile_header.js"></script>
</head>
<body>
	<div id="page">
		<div id="headerCai">
			<div id="logoCai">
				<img id="imageCai" src="http://www.cai.cl/home/templates/cai_theme/images/head.png"></img>
				<div id="patch1">
					<div id="patch2">
						<a class="title" href="http://www.cai.cl/home">
							<h1 id="centroAlumnos">Centro de Alumnos de Ingenieria</h1>
							<h2 id="pucName">Pontificia Universidad Catolica de Chile</h2>
						</a>
					</div>
				</div>
				<div id="menuCai">
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tristique urna eu nisl faucibus in dictum nunc malesuada. Nunc vitae tellus non orci cursus sollicitudin. Nulla vulputate odio ac magna fermentum rutrum. Suspendisse facilisis quam erat, quis tempus massa. Vivamus ullamcorper pellentesque nunc, ut tempor diam ultrices sed. Curabitur ultricies enim nulla. Vestibulum facilisis facilisis urna sit amet sollicitudin. Nulla facilisi. Integer non neque tortor, in vehicula sem. Nam quis turpis sit amet velit gravida hendrerit. Mauris quis nunc vel diam fringilla iaculis. Nunc nibh odio, sagittis eu ullamcorper id, imperdiet eget libero. Ut mattis dignissim dui, eget egestas magna blandit ut. Ut gravida sapien a diam aliquam porta. Nullam sollicitudin, diam vitae pellentesque convallis, orci quam laoreet ipsum, pellentesque bibendum neque purus in neque.
				</div>
			</div>

		</div>
		<div id="header">
			<div id="leftHeader">
				<div id="logoCentral">
				</div>
			</div>
			<div id="rightHeader">
				<div id="jic">
					Lorem ipsum dolor sit amet, 
				</div>
				<div id="login">
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tristique urna eu nisl faucibus in dictum nunc malesuada. Nunc vitae tellus non orci cursus sollicitudin. Nulla vulputate odio ac magna fermentum rutrum. Suspendisse facilisis quam erat, quis tempus massa. Vivamus ullamcorper pellentesque nunc, ut tempor diam ultrices sed. Curabitur ultricies enim nulla. Vestibulum facilisis facilisis urna sit amet sollicitudin. Nulla facilisi. Integer non neque tortor, in vehicula sem. Nam quis turpis sit amet velit gravida hendrerit. Mauris quis nunc vel diam fringilla iaculis. Nunc nibh odio, sagittis eu ullamcorper id, imperdiet eget libero. Ut mattis dignissim dui, eget egestas magna blandit ut. Ut gravida sapien a diam aliquam porta. Nullam sollicitudin, diam vitae pellentesque convallis, orci quam laoreet ipsum, pellentesque bibendum neque purus in neque.
				</div>
			</div>
		</div>
		<div id="main">
			<div id="sidebar">
				<div id="uploadfilesbutton">
					<form>
						<input type="file" multiple onchange="showFiles()">
						<button id="uploadButton" onclick="upload()" disabled>Subir!</button>
					</form>
				</div>
				<div id="filelist" style="display:none">
					<div id="file1" class="files" onclick="openMenu(this, 'uploadcontent1')">
						<img src="pdf_icon.gif"><label class="fileForm">calc1_I1_2S_2010.pdf</label><label class="sizeLabel">3.4MB</label>
					</div>
					<div id="file2" class="files" onclick="openMenu(this, 'uploadcontent2')">
						<img src="pdf_icon.gif"><label class="fileForm">c1_I2_2S_2010.pdf</label><label class="sizeLabel">2.5MB</label>
					</div>
					<div id="file3" class="files" onclick="openMenu(this, 'uploadcontent3')">
						<img src="pdf_icon.gif"><label class="fileForm">calculo1_I3_2S_2010.pdf</label><label class="sizeLabel">6.7MB</label>
					</div>
					<div id="file4" class="files" onclick="openMenu(this, 'uploadcontent4')">
						<img src="zip-icon.png"><label class="fileForm">Controles_Calculo1.zip</label><label class="sizeLabel">2.3MB</label>
					</div>
				</div>
			</div>
			<div id="separator">
			</div>
			<div id="content">
				<div id="uploadcontent1" class="content" style="display:none" >

					<form>
						<div class="uploadForm"><label>*Sigla del Curso</label><input type="text" id="sigla1" class="uploadFormInput" onkeydown="autoFillSigla(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>*Nombre del Curso</label><input type="text" id="courseName1" class="uploadFormInput" onkeydown="autoFillCourseName(event,this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm">
							<label>*Tipo de Documento</label>
							<select id="type1" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillType(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="I1">I1</option>
								<option value="I2">I2</option>
								<option value="I3">I3</option>
								<option value="Examen">Examen</option>
								<option value="Control">Control</option>
								<option value="Tarea">Tarea</option>
								<option value="Apunte">Apunte</option>
							</select>
						</div>
						<div class="uploadForm">
							<label>*Semestre</label>
							<select id="semester1" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillSemester(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="2-2010">2-2010</option>
								<option value="1-2010">1-2010</option>
								<option value="2-2009">2-2009</option>
								<option value="1-2009">2-2009</option>
								<option value="2-2008">2-2008</option>
								<option value="1-2008">2-2008</option>
							</select>
						</div>
						<div class="uploadForm"><label>Profesores</label><button class="uploadFormInput" onclick="addTeacher('teachers1',0); return false">+</button><input type="text" id="teachers1" class="uploadFormInput" onkeydown="autoFillTeacher(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>Tags</label><button class="uploadFormInput" onclick="addTags('tags1',0); return false">+</button><input type="text" id="tags1" class="uploadFormInput" onkeydown="autoFillTag(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><textarea class="descriptionInput" rows="5" cols="40" lang="es" onfocus="eraseText(this)">Escriba una descripcion corta aqui...</textarea></div>
						<div class="uploadForm"><label id="teachersLabel1"></label></div>
						<div class="uploadForm"><label id="tagsLabel1"></label></div>
					</form>
				</div>
				<div id="uploadcontent2" class="content" style="display:none" >
					<form>
						<div class="uploadForm"><label>*Sigla del Curso</label><input type="text" id="sigla2" class="uploadFormInput" onkeydown="autoFillSigla(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>*Nombre del Curso</label><input type="text" id="courseName2" class="uploadFormInput" onkeydown="autoFillCourseName(event,this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm">
							<label>*Tipo de Documento</label>
							<select id="type2" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillType(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="I1">I1</option>
								<option value="I2">I2</option>
								<option value="I3">I3</option>
								<option value="Examen">Examen</option>
								<option value="Control">Control</option>
								<option value="Tarea">Tarea</option>
								<option value="Apunte">Apunte</option>
							</select>
						</div>
						<div class="uploadForm">
							<label>*Semestre</label>
							<select id="semester2" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillSemester(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="2-2010">2-2010</option>
								<option value="1-2010">1-2010</option>
								<option value="2-2009">2-2009</option>
								<option value="1-2009">2-2009</option>
								<option value="2-2008">2-2008</option>
								<option value="1-2008">2-2008</option>
							</select>
						</div>
						<div class="uploadForm"><label>Profesores</label><button class="uploadFormInput" onclick="addTeacher('teachers2',1); return false">+</button><input type="text" id="teachers2" class="uploadFormInput" onkeydown="autoFillTeacher(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>Tags</label><button class="uploadFormInput" onclick="addTags('tags2',1); return false">+</button><input type="text" id="tags2" class="uploadFormInput" onkeydown="autoFillTag(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><textarea class="descriptionInput" rows="5" cols="40" lang="es" onfocus="eraseText(this)">Escriba una descripcion corta aqui...</textarea></div>
						<div class="uploadForm"><label id="teachersLabel2"></label></div>
						<div class="uploadForm"><label id="tagsLabel2"></label></div>
					</form>
				</div>
				<div id="uploadcontent3" class="content" style="display:none" >
					<form>
						<div class="uploadForm"><label>*Sigla del Curso</label><input type="text" id="sigla3" class="uploadFormInput" onkeydown="autoFillSigla(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>*Nombre del Curso</label><input type="text" id="courseName3" class="uploadFormInput" onkeydown="autoFillCourseName(event,this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm">
							<label>*Tipo de Documento</label>
							<select id="type3" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillType(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="I1">I1</option>
								<option value="I2">I2</option>
								<option value="I3">I3</option>
								<option value="Examen">Examen</option>
								<option value="Control">Control</option>
								<option value="Tarea">Tarea</option>
								<option value="Apunte">Apunte</option>
							</select>
						</div>
						<div class="uploadForm">
							<label>*Semestre</label>
							<select id="semester3" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillSemester(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="2-2010">2-2010</option>
								<option value="1-2010">1-2010</option>
								<option value="2-2009">2-2009</option>
								<option value="1-2009">2-2009</option>
								<option value="2-2008">2-2008</option>
								<option value="1-2008">2-2008</option>
							</select>
						</div>
						<div class="uploadForm"><label>Profesores</label><button class="uploadFormInput" onclick="addTeacher('teachers3',2); return false">+</button><input type="text" id="teachers3" class="uploadFormInput" onkeydown="autoFillTeacher(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>Tags</label><button class="uploadFormInput" onclick="addTags('tags3',2); return false">+</button><input type="text" id="tags3" class="uploadFormInput" onkeydown="autoFillTag(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><textarea class="descriptionInput" rows="5" cols="40" lang="es" onfocus="eraseText(this)">Escriba una descripcion corta aqui...</textarea></div>
						<div class="uploadForm"><label id="teachersLabel3"></label></div>
						<div class="uploadForm"><label id="tagsLabel3"></label></div>
					</form>
				</div>
				<div id="uploadcontent4" class="content" style="display:none" >
					<form>
						<div class="uploadForm"><label>*Sigla del Curso</label><input type="text" id="sigla4" class="uploadFormInput" onkeydown="autoFillSigla(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>*Nombre del Curso</label><input type="text" id="courseName4" class="uploadFormInput" onkeydown="autoFillCourseName(event,this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm">
							<label>*Tipo de Documento</label>
							<select id="type4" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillType(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="I1">I1</option>
								<option value="I2">I2</option>
								<option value="I3">I3</option>
								<option value="Examen">Examen</option>
								<option value="Control">Control</option>
								<option value="Tarea">Tarea</option>
								<option value="Apunte">Apunte</option>
							</select>
						</div>
						<div class="uploadForm">
							<label>*Semestre</label>
							<select id="semester4" class="uploadFormInput" class="uploadFormInput" onkeydown="autoFillSemester(event,this)" onkeyup="keyUp(event)">
								<option value="">Seleccione</option>
								<option value="2-2010">2-2010</option>
								<option value="1-2010">1-2010</option>
								<option value="2-2009">2-2009</option>
								<option value="1-2009">2-2009</option>
								<option value="2-2008">2-2008</option>
								<option value="1-2008">2-2008</option>
							</select>
						</div>
						<div class="uploadForm"><label>Profesores</label><button class="uploadFormInput" onclick="addTeacher('teachers4',3); return false">+</button><input type="text" id="teachers4" class="uploadFormInput" onkeydown="autoFillTeacher(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><label>Tags</label><button class="uploadFormInput" onclick="addTags('tags4',3); return false">+</button><input type="text" id="tags4" class="uploadFormInput" onkeydown="autoFillTag(event, this)" onkeyup="keyUp(event)"></div>
						<div class="uploadForm"><textarea class="descriptionInput" rows="5" cols="40" lang="es" onfocus="eraseText(this)">Escriba una descripcion corta aqui...</textarea></div>
						<div class="uploadForm"><label id="teachersLabel4"></label></div>
						<div class="uploadForm"><label id="tagsLabel4"></label></div>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>